<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>二の笑话屋</title>
<script type="text/javascript" src="common/component/jquery/jquery-1.7.2.js"></script>
<link type="text/css" rel="stylesheet" href="css/index.css"/>
<link type="text/css" rel="stylesheet" href="common/component/bubbleButtons/buttons/buttons.css"/>
</head>
<body>
	<div class="toolbar">
		
	</div>
	<div id="main">
		<img src="images/bg.jpg" style="position:absolute;left:0;top:100px;width:980px;"/>
		<div style="width:100%;height:1000px;background-color:white;opacity:0.8;">
			<input type="text" class="searchBox"/>
			<a href="#" class="button gray medium">搜　　索</a>
			<nav style="margin-left:50px;">
	            <ul class="nav">
	                <li id="home"><a href="#home" class="homeIcon">Home</a></li>
	                <li id="news"><a href="#news">News</a></li>
	                <li id="about"><a href="#about">About us</a></li>
	                <li id="services"><a href="#services">Services</a></li>
	                <li id="contact"><a href="#contact">Contact us</a></li>
	            </ul>
	        </nav>
		</div>
	</div>
</body>
<script type="text/javascript">
	
	$(document).ready(function(){
		$("#main").css("margin-left", ($(document).width()-980)/2);
	});
	
</script>
</html>